<template>
    <ul>
        <li v-for="todoItem in todoList" :key="todoItem.id">
            <slot :todo-item="todoItem">
                {{todoItem.text}}
            </slot>
        </li>
    </ul>
</template>

<script>
export default {
    props:{
        todoList: Array
    },
}
</script>

<style>

</style>